.settingContent {
  @apply max-w-lg;
  @apply mx-auto;
  @apply my-0;
}

.nitroLabel {
  @apply block;
  @apply uppercase;
  @apply tracking-wide;
  @apply text-white;
  @apply text-xs;
  @apply font-bold;
  @apply text-left;
  @apply my-3;
}
.nitroSelectBox {
  @apply appearance-none;
  @apply block;
  @apply w-full;
  @apply bg-gray-200;
  @apply text-gray-700;
  @apply border;
  @apply border-gray-200;
  @apply rounded;
  @apply py-3;
  @apply px-4;
  @apply leading-tight;
  @apply focus:outline-none;
  @apply focus:bg-white;
  @apply focus:border-gray-500;
}
.nitroTextInput {
  @apply appearance-none;
  @apply w-full;
  @apply bg-gray-200;
  @apply text-gray-700;
  @apply border;
  @apply border-gray-200;
  @apply rounded;
  @apply py-3;
  @apply px-4;
  @apply leading-tight;
  @apply focus:outline-none;
}

.disabled {
  @apply bg-gray-300 !important;
  @apply text-gray-700 !important;
  @apply border-gray-800 !important;
}
.settingHeader {
  @apply text-slate-100;
  @apply mx-auto;
  @apply my-4;
  @apply py-2;
  @apply text-left;
  @apply font-bold;
}
.settingSection {
  @apply flex;
  @apply flex-wrap;
  @apply mb-6;
}
.nitroButton {
  @apply bg-slate-800;
  @apply p-4 my-3;
  @apply rounded-md;
  @apply cursor-pointer;
  @apply text-white;
}
.nitroButton:disabled {
  @apply bg-slate-800;
  opacity: 0.5;
  @apply p-4 my-3;
  @apply rounded-md;
  @apply cursor-default;
  @apply text-white;
}
.nitroButtonLight {
  @apply bg-slate-500;
  @apply p-4 my-3;
  @apply rounded-md;
  @apply cursor-pointer;
  @apply text-white;
}
.buttonOne {
  @apply bg-secondary;
  @apply hover:bg-secondary/90;
  @apply transition-colors;
  @apply ease-in-out;
  @apply duration-200;
  @apply mx-auto;
  @apply rounded-md;
  @apply text-quaternary;
  @apply w-3/4;
}
.headerOne {
  @apply text-quaternary;
  @apply font-bold;
  @apply text-xl;
  @apply w-3/4;
}
.xButton{
  @apply text-quaternary;
  @apply font-bold;
  @apply w-1/4;
  @apply float-right;
}
.nitroForm {
  @apply appearance-none;
  @apply flex-col;
}
.settingRow {
  @apply flex-row;
}
.settingBox {
  @apply px-3;
}
